﻿<!DOCTYPE html>
<html>
  <head>
    <title>2.1睡眠报告</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/2_1睡眠报告/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/2_1睡眠报告/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u2013" class="ax_default" data-left="117" data-top="1002" data-width="530" data-height="78">

        <!-- Rectangle (矩形) -->
        <div id="u2014" class="ax_default _形状" data-label="Rectangle">
          <div id="u2014_div" class=""></div>
          <div id="u2014_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2015" class="ax_default _一级标题">
        <div id="u2015_div" class=""></div>
        <div id="u2015_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2016" class="ax_default box_3">
        <div id="u2016_div" class=""></div>
        <div id="u2016_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2017" class="ax_default" data-left="117" data-top="139" data-width="530" data-height="940">

        <!-- Unnamed (组合) -->
        <div id="u2018" class="ax_default" data-left="117" data-top="139" data-width="530" data-height="940">

          <!-- Unnamed (矩形) -->
          <div id="u2019" class="ax_default _形状">
            <div id="u2019_div" class=""></div>
            <div id="u2019_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2020" class="ax_default _形状">
            <div id="u2020_div" class=""></div>
            <div id="u2020_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u2021" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2022" class="ax_default box_2">
        <div id="u2022_div" class=""></div>
        <div id="u2022_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2023" class="ax_default _一级标题">
        <div id="u2023_div" class=""></div>
        <div id="u2023_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2024" class="ax_default _一级标题">
        <div id="u2024_div" class=""></div>
        <div id="u2024_text" class="text ">
          <p><span>睡眠报告</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2025" class="ax_default _一级标题">
        <div id="u2025_div" class=""></div>
        <div id="u2025_text" class="text ">
          <p><span>生活习惯</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2026" class="ax_default" data-left="117" data-top="108" data-width="530" data-height="56">

        <!-- Unnamed (矩形) -->
        <div id="u2027" class="ax_default _形状">
          <div id="u2027_div" class=""></div>
          <div id="u2027_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u2028" class="ax_default" data-left="127" data-top="129" data-width="64" data-height="11">

          <!-- Unnamed (矩形) -->
          <div id="u2029" class="ax_default _形状">
            <img id="u2029_img" class="img " src="images/1_1_1_闹钟列表聚合页/u210.svg"/>
            <div id="u2029_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2030" class="ax_default _形状">
            <img id="u2030_img" class="img " src="images/1_1_1_闹钟列表聚合页/u210.svg"/>
            <div id="u2030_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2031" class="ax_default _形状">
            <img id="u2031_img" class="img " src="images/1_1_1_闹钟列表聚合页/u210.svg"/>
            <div id="u2031_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2032" class="ax_default _形状">
            <img id="u2032_img" class="img " src="images/1_1_1_闹钟列表聚合页/u210.svg"/>
            <div id="u2032_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2033" class="ax_default _形状">
            <img id="u2033_img" class="img " src="images/1_1_1_闹钟列表聚合页/u210.svg"/>
            <div id="u2033_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u2034" class="ax_default" data-left="594" data-top="125" data-width="44" data-height="24">

          <!-- Unnamed (矩形) -->
          <div id="u2035" class="ax_default _形状">
            <div id="u2035_div" class=""></div>
            <div id="u2035_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2036" class="ax_default _形状">
            <div id="u2036_div" class=""></div>
            <div id="u2036_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2037" class="ax_default _形状">
            <div id="u2037_div" class=""></div>
            <div id="u2037_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2038" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2038_div" class=""></div>
        <div id="u2038_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2039" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2039_div" class=""></div>
        <div id="u2039_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2040" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2040_div" class=""></div>
        <div id="u2040_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u2041" class="ax_default _图片_">
        <img id="u2041_img" class="img " src="images/1_1_1_闹钟列表聚合页/u222.png"/>
        <div id="u2041_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u2042" class="ax_default _图片_">
        <img id="u2042_img" class="img " src="images/2_1睡眠报告/u2042.png"/>
        <div id="u2042_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u2043" class="ax_default _图片_">
        <img id="u2043_img" class="img " src="images/2_1睡眠报告/u2043.png"/>
        <div id="u2043_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2044" class="ax_default box_2">
        <div id="u2044_div" class=""></div>
        <div id="u2044_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2045" class="ax_default _一级标题">
        <div id="u2045_div" class=""></div>
        <div id="u2045_text" class="text ">
          <p><span style="color:#1DA0DD;">日</span><span>&nbsp; &nbsp;&nbsp; 周&nbsp; &nbsp;&nbsp; 月&nbsp; &nbsp;&nbsp; 年</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u2046" class="ax_default line">
        <img id="u2046_img" class="img " src="images/2_1睡眠报告/u2046.svg"/>
        <div id="u2046_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2047" class="ax_default _一级标题">
        <div id="u2047_div" class=""></div>
        <div id="u2047_text" class="text ">
          <p style="font-size:32px;"><span>入睡时间：&nbsp;&nbsp; 11：30</span></p><p style="font-size:32px;"><span>醒来时间：&nbsp; &nbsp; 07：00</span></p><p style="font-size:32px;"><span>真实睡眠时长： 7小时</span></p><p style="font-size:32px;"><span><br></span></p><p style="font-size:34px;"><span>睡眠质量评估：⭐⭐⭐⭐</span></p><p style="font-size:32px;"><span>说梦话次数：&nbsp; 3次</span></p><p style="font-size:32px;"><span>打鼾次数：&nbsp; &nbsp; &nbsp; 30次</span></p><p style="font-size:32px;"><span>翻身次数：&nbsp; &nbsp; &nbsp;&nbsp; 12次</span></p><p style="font-size:32px;"><span>睡眠比例：&nbsp; &nbsp; &nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2048" class="ax_default _一级标题">
        <div id="u2048_div" class=""></div>
        <div id="u2048_text" class="text ">
          <p><span>2020年10月22日</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u2049" class="ax_default _图片_">
        <img id="u2049_img" class="img " src="images/1_1_2_1_设置聚合页/u252.png"/>
        <div id="u2049_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u2050" class="ax_default _图片_">
        <img id="u2050_img" class="img " src="images/2_1睡眠报告/u2050.png"/>
        <div id="u2050_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u2051" class="ax_default image">
        <img id="u2051_img" class="img " src="images/2_1睡眠报告/u2051.svg"/>
        <div id="u2051_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2052" class="ax_default _一级标题">
        <div id="u2052_div" class=""></div>
        <div id="u2052_text" class="text ">
          <p><span>报告-睡眠报告</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2053" class="ax_default box_1">
        <img id="u2053_img" class="img " src="images/2_1睡眠报告/u2053.svg"/>
        <div id="u2053_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2054" class="ax_default _三级标题">
        <div id="u2054_div" class=""></div>
        <div id="u2054_text" class="text ">
          <p><span>1.点击底部睡眠报告的tabbar，进入【</span><span style="color:#000000;">报告-睡眠报告</span><span>】页面</span></p><p><span><br></span></p><p><span><br></span></p><p><span>2. 睡眠报告有四个查看纬度，处于顶部导航栏处，分别是：日、周、月、年，选中状态下字体显示蓝色且有下划线，未选中状态下字体显示黑色无下划线，默认情况下显示最近一次的睡眠报告，此时顶部导航栏选中”日“这个纬度。</span></p><p><span><br></span></p><p><span>3. 报告记录内容：</span></p><p><span>入睡时间、醒来时间、真实睡眠时长、睡眠质量评估、说梦话次数、打鼾次数、翻身次数、睡眠比例</span></p><p><span><br></span></p><p><span>4.睡眠比例以折线图的形式进行展示，显示深睡、浅睡、快速眼动和清醒的状态在不同时间段的分布状态</span></p><p><span><br></span></p><p><span><br></span></p><p><span>&nbsp;&nbsp;&nbsp; </span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
